import { FC } from "react";
import style from "./index.scss";

interface IProps {
  info: IFilm;
}

const FilmInfo: FC<IProps> = ({ info }) => {
  return (
    <div className={style.box}>
      <p className={style.title}>
        <span>{info.name}</span>
        <span>{info.grade}分</span>
      </p>
      <p className={style.more}>
        {info.category}|{info.runtime}分钟|
        {info.actors.map((item) => item.name).join("|")}
      </p>
    </div>
  );
};

export default FilmInfo;
